<template>
<div>
    <el-breadcrumb separator="/" class="bread">
        <!-- <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> -->
        <el-breadcrumb-item v-for="item in navs" :key="item.path" :to="{ path:item.path }">{{ item.meta.title  }}</el-breadcrumb-item>
      </el-breadcrumb>
</div>
</template>
<script>
export default {
name: "Breadcrumb",
computed:{
    navs(){
        this.$route.matched[0].path = '/';
        return this.$route.matched;
    }
},
created(){
    console.log('matched',this.$route.matched);
}

}
</script>
<style lang="less" scoped>

  .bread{
      padding:12px 10px;
      background-color: #fff;
  }

</style>